<template>
  
  <!-- 此组件支持自定义按钮文字和自定义按钮图片 -->
    <div
      :style="{
        backgroundColor: btnBgc,
        color: btnColor,
        width: width,
        height: height,
        fontSize: fontSize,
        marginLeft:marginLeft
      }"
      @click="handleClick"
      class="rytBtn"
    >
      <label class="btnText"><slot></slot></label>
    </div>

  
 
</template>

<script>
import { mapState } from "vuex";
import Cookies from "js-cookie";
import api from "@/http/api";
export default {
  name: "AppButton",
  components: {},
  props: {
    btnBgc: {
      type: String,
    
    },
    btnColor: {
      type: String,
      
    },
    width: {
      type: String,
      
    },
    height: {
      type: String,
     
    },
    fontSize: {
      type: String,
      
    },
    marginLeft:{
      type: String,
    }
  },
  data() {
    return {};
  },
  methods: {
    handleClick(){

      this.$emit('clickBtn')

    }
  },
  mounted() {}
};
</script>

<style lang="scss" scoped>

    
   .rytBtn{
    font-size: 0.48rem;
    color: #fff;
    text-align: center;
    height:1.06rem;
    line-height:1.06rem;
    display: block;
    float: left;
    border-radius:0.53rem;
    border: none;
  }

 

</style>
